<template>
  <q-page id="dynasty" search-disabled style="background-color: #fff">
    <div class="bg-img-center column justify-center items-center q-py-xl">
      <div><h1 class="size-48 title text-black q-my-lg">中国历史地图</h1></div>
      <div class="row justify-center">
        <div class="col-xl-8 col-lg-10 col-md-11 col-sm-12 col-xs-12 q-mx-sm row justify-center">
          <a v-for="(id, title) in quickNav" :key="id" :href="'/map/' + id">
            <q-btn color="grey-8" :label="title" class="q-ma-xs"/>
          </a>
        </div>
      </div>
    </div>
    <div class="row justify-center">
      <div class="col-10 q-mx-sm">
        <div class="dynasty column q-my-md" :class="{'items-center' : $q.screen.gt.md}"
             v-for="(instance, index) in querySet" :key="index">
          <div class="q-mb-md row">
            <div v-if="!$q.screen.gt.md" class="col-3"></div>
            <div class="dynasty-title size-32 bold">{{ instance.title }}</div>
          </div>
          <div v-for="(item, index) in instance.children" :key="index"
               class="row full-width q-pb-sm"
               :class="{'justify-center': $q.screen.gt.md}"
               style="position: relative">
            <div class="column items-end" :class="{'col-5': $q.screen.gt.md, 'col-3': !$q.screen.gt.md}">
              <div>
                <div class="column items-end">
                  <div class="bold"
                       :class="{'size-18': !item.size, 'size-16': item.size === 's', 'size-22': item.size === 'l'}"
                  >{{ item.title }}</div>
                  <div v-if="item.begin" class="size-12 text-grey-7">{{ item.begin }}年 - {{ item.end }}年</div>
                </div>
              </div>
            </div>
            <div class="col-1 row justify-center">
              <div class="column items-center">
                <div v-if="index !== 0" style="width: 10px; height: 10px" class="border-radius-round bg-negative q-mt-sm"></div>
                <div class="col relative-position">
                  <div class="bg-red-3"
                       style="position:absolute;top:0;bottom:-16px;left:-2px;width: 4px;margin: 2px 0">

                  </div>
                </div>
              </div>
            </div>
            <div class="column items-start" :class="{'col-5': $q.screen.gt.md, 'col-8': !$q.screen.gt.md}">
              <div v-if="item.maps" class="q-mb-md bold size-18">
                <a v-for="(map, title) in item.maps" :key="title" class="q-mr-md q-my-sm link" target="_blank"
                   :href="'/map/'+ (map instanceof Object ? map.url : map)">
                  {{ title }}
                  <span v-if="map.year" class="size-14 text-grey-7">{{ typeof map.year === 'number' ? map.year + '年' : map.year }}</span>
                </a>
              </div>
              <div>
                <a v-for="(url, title) in item.subMaps" :key="title" target="_blank" :href="'/map/'+url + '&static=0'">
                  <q-btn class="button-tag q-mb-sm q-mx-xs text-dark" color="grey-3" text-color="dark" rounded>
                    {{ title }}
                  </q-btn>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </q-page>
</template>

<script>
  export default {
    title: 'PageChina',
    props: {
    },
    data () {
      return {
        querySet: [
          {
            title: '史前',
            children: [
              {
                title: '旧石器时代'
              },
              {
                title: '新石器时代'
              }
            ]
          },
          {
            title: '传说',
            children: [
              {
                title: '三皇五帝'
              }
            ]
          },
          {
            title: '夏',
            children: [
              {
                title: '夏',
                maps: {
                  '夏朝地图': {
                    url: '2485'
                  }
                }
              }
            ]
          },
          {
            title: '商',
            children: [
              {
                title: '商',
                maps: {
                  '商朝地图': {
                    url: '2486'
                  }
                },
                subMaps: {
                  '商朝时期中心区域': '2486/?tile=maplet-0307'
                }
              }
            ]
          },
          {
            title: '西周',
            children: [
              {
                title: '西周',
                maps: {
                  '西周地图': {
                    url: '2487'
                  }
                },
                subMaps: {
                  '西周时期中心区域': '2487/?tile=maplet-0309',
                  '宗周、成周附近': '2487/?tile=maplet-030a'
                }
              }
            ]
          },
          {
            title: '春秋',
            children: [
              {
                title: '春秋',
                maps: {
                  '春秋地图': {
                    url: '2488'
                  }
                },
                subMaps: {
                  '晋国、秦国': '2488/?tile=maplet-030c',
                  '郑国、宋国、卫国': '2488/?tile=maplet-030d',
                  '齐国、鲁国': '2488/?tile=maplet-030e',
                  '楚国、吴国、越国': '2488/?tile=maplet-0310',
                  '燕国历史地图': '2488/?tile=maplet-030f'
                }
              }
            ]
          },
          {
            title: '战国',
            children: [
              {
                title: '战国',
                maps: {
                  '战国地图': {
                    url: '2489'
                  },
                  '诸侯称雄形势': {
                    year: -350,
                    url: '2489/?tile=maplet-0312'
                  }
                },
                subMaps: {
                  '韩国、魏国': '2489/?tile=maplet-0313',
                  '秦国、蜀国': '2489/?tile=maplet-0317',
                  '楚国、越国': '2489/?tile=maplet-0318',
                  '赵国、中山国': '2489/?tile=maplet-0314',
                  '齐国、鲁国': '2489/?tile=maplet-0315',
                  '燕国': '2489/?tile=maplet-0316'
                }
              }
            ]
          },
          {
            title: '秦',
            children: [
              {
                title: '秦',
                begin: -221,
                end: -207,
                maps: {
                  '秦朝地图': {
                    url: '2490'
                  }
                },
                subMaps: {
                  '关中诸郡': '2490/?tile=maplet-0320',
                  '山东南部诸郡': '2490/?tile=maplet-0321',
                  '山东北部诸郡': '2490/?tile=maplet-0322',
                  '淮汉以南诸郡': '2490/?tile=maplet-0323'
                }
              }
            ]
          },
          {
            title: '汉',
            children: [
              {
                title: '西汉',
                begin: -206,
                end: 8,
                maps: {
                  '西汉地图': {
                    year: 7,
                    url: '2464'
                  }
                },
                subMaps: {
                  '司隶': '2464/?tile=maplet-0324',
                  '并州、朔方': '2464/?tile=maplet-0326',
                  '兖州、豫州、青州、徐州': '2464/?tile=maplet-0327',
                  '东郡北海间诸郡': '2464/?tile=maplet-0328',
                  '荆州': '2464/?tile=maplet-0329',
                  '扬州': '2464/?tile=maplet-032a',
                  '冀州': '2464/?tile=maplet-032b',
                  '幽州': '2464/?tile=maplet-032c',
                  '益州北部': '2464/?tile=maplet-032d',
                  '益州南部': '2464/?tile=maplet-032e',
                  '琼州': '2464/?tile=maplet-032f',
                  '交趾': '2464/?tile=maplet-0330',
                  '西域都护府': '2464/?tile=maplet-0332',
                  '匈奴等部': '2464/?tile=maplet-0333'
                }
              },
              {
                title: '新',
                size: 's',
                begin: 9,
                end: 23
              },
              {
                title: '东汉',
                begin: 25,
                end: 220,
                maps: {
                  '东汉地图': {
                    year: 140,
                    url: '2471'
                  }
                },
                subMaps: {
                  '司隶': '2471/?tile=maplet-0335',
                  '豫州、兖州、徐州、青州': '2471/?tile=maplet-0336',
                  '东郡齐国间诸郡': '2471/?tile=maplet-0337',
                  '冀州': '2471/?tile=maplet-0338',
                  '荆州': '2471/?tile=maplet-0339',
                  '扬州': '2471/?tile=maplet-033a',
                  '益州北部': '2471/?tile=maplet-032b',
                  '益州南部': '2471/?tile=maplet-032c',
                  '凉州': '2471/?tile=maplet-033d',
                  '并州': '2471/?tile=maplet-033e',
                  '幽州': '2471/?tile=maplet-033f',
                  '交州': '2471/?tile=maplet-0340',
                  '西域都护府': '2471/?tile=maplet-0341',
                  '鲜卑等部': '2471/?tile=maplet-0342'
                }
              }
            ]
          },
          {
            title: '三国',
            children: [
              {
                title: '三国',
                begin: 220,
                end: 280,
                size: 'l',
                maps: {
                  '三国地图': {
                    year: 262,
                    url: '2472'
                  }
                },
                subMaps: {
                  '鲜卑等部': '2472/?tile=maplet-0356'
                }
              },
              {
                title: '魏',
                begin: 220,
                end: 265,
                // maps: {
                //   '西汉地图': {
                //     year: 7,
                //     url: '2464'
                //   }
                // },
                subMaps: {
                  '司州': '2472/?tile=maplet-0347',
                  '兖州、豫州、魏扬州': '2472/?tile=maplet-0348',
                  '青州': '2472/?tile=maplet-0349',
                  '冀州': '2472/?tile=maplet-034a',
                  '幽州': '2472/?tile=maplet-034b',
                  '雍州': '2472/?tile=maplet-034c',
                  '凉州': '2472/?tile=maplet-034e',
                  '魏荆州': '2472/?tile=maplet-034f',
                  '西域长史府、乌孙': '2472/?tile=maplet-0350'
                }
              },
              {
                title: '蜀',
                begin: 221,
                end: 263,
                // maps: {
                //   '西汉地图': {
                //     year: 7,
                //     url: '2464'
                //   }
                // },
                subMaps: {
                  '益州北部': '2472/?tile=maplet-0351',
                  '益州南部': '2472/?tile=maplet-0352'
                }
              },
              {
                title: '吴',
                begin: 222,
                end: 280,
                subMaps: {
                  '吴扬州': '2472/?tile=maplet-0353',
                  '吴荆州': '2472/?tile=maplet-0354',
                  '交州': '2472/?tile=maplet-0355'
                }
              }
            ]
          },
          {
            title: '晋',
            children: [
              {
                title: '西晋',
                begin: 265,
                end: 317,
                maps: {
                  '西晋地图': {
                    year: 281,
                    url: '2473'
                  }
                },
                subMaps: {
                  '司州': '2473/?tile=maplet-035b',
                  '兖州、豫州': '2473/?tile=maplet-035c',
                  '冀州、并州': '2473/?tile=maplet-035d',
                  '幽州、平州': '2473/?tile=maplet-035e',
                  '雍州、秦州': '2473/?tile=maplet-035f',
                  '凉州': '2473/?tile=maplet-0360',
                  '梁州、益州': '2473/?tile=maplet-0361',
                  '宁州': '2473/?tile=maplet-0362',
                  '青州、徐州': '2473/?tile=maplet-0363',
                  '荆州': '2473/?tile=maplet-0364',
                  '扬州': '2473/?tile=maplet-0365',
                  '交州、广州': '2473/?tile=maplet-0366',
                  '西域长史府、乌孙': '2473/?tile=maplet-0367',
                  '鲜卑等部': '2473/?tile=maplet-0369'
                }
              },
              {
                title: '五胡十六国',
                begin: 304,
                end: 439,
                subMaps: {
                  '前秦': '2474/?tile=maplet-037f',
                  '前凉、前秦、前燕、代': '2474/?tile=maplet-0379',
                  '后秦、后燕、西秦、后凉、魏': '2474/?tile=maplet-0381'
                }
              },
              {
                title: '东晋',
                begin: 317,
                end: 420,
                maps: {
                  '东晋地图': {
                    year: 382,
                    url: '2474'
                  },
                  '东晋时期全国地图': {
                    year: 382,
                    url: '2474/?tile=maplet-0373'
                  }
                }
              }
            ]
          },
          {
            title: '南北朝',
            children: [
              {
                title: '南北朝',
                begin: 420,
                end: 589,
                size: 'l',
                maps: {
                  '宋、魏地图': {
                    year: 449,
                    url: '2475/?tile=maplet-0391'
                  },
                  '齐、魏地图': {
                    year: 497,
                    url: '2475/?tile=maplet-0392'
                  },
                  '梁、东魏、西魏地图': {
                    year: 546,
                    url: '2475/?tile=maplet-0393'
                  }
                }
              },
              {
                title: '南朝',
                begin: 420,
                end: 582,
                size: 'l'
              },
              {
                title: '宋',
                maps: {
                  '宋地图': {
                    year: 464,
                    url: '2475/?tile=maplet-0395'
                  }
                },
                begin: 420,
                end: 479
              },
              {
                title: '齐',
                begin: 479,
                end: 502,
                subMaps: {
                  '扬州、豫州、徐州、兖州、冀州': '2475/?tile=maplet-0396',
                  '江州': '2475/?tile=maplet-03a0',
                  '广州、越州': '2475/?tile=maplet-03a1',
                  '交州': '2475/?tile=maplet-03a3',
                  '荆州、郢州、湘州': '2475/?tile=maplet-03a5',
                  '司州、雍州': '2475/?tile=maplet-03a8',
                  '益州': '2475/?tile=maplet-03ad',
                  '梁州、秦州': '2475/?tile=maplet-03ab'
                }
              },
              {
                title: '梁',
                maps: {
                  '梁地图': {
                    year: 546,
                    url: '2475/?tile=maplet-03b0'
                  }
                },
                begin: 502,
                end: 557
              },
              {
                title: '陈',
                maps: {
                  '陈地图': {
                    year: 572,
                    url: '2475/?tile=maplet-0395'
                  }
                },
                begin: 557,
                end: 582
              },
              {
                title: '北朝',
                begin: 386,
                end: 581,
                size: 'l'
              },
              {
                title: '北魏',
                begin: 386,
                end: 534,
                subMaps: {
                  '司州': '2475/?tile=maplet-03b2',
                  '兖、青、齐、徐、济、光州': '2475/?tile=maplet-03b4',
                  '相、冀、定、瀛、幽、燕、按、平、营州': '2475/?tile=maplet-03b6',
                  '并、肆、恒、朔、汾州': '2475/?tile=maplet-03b7',
                  '武川、御夷、怀荒、柔玄、抚冥镇': '2475/?tile=maplet-03b8',
                  '雍、华、东、夏、秦、梁、岐、豳、泾、西州、高平镇': '2475/?tile=maplet-03b9',
                  '河州、凉州、敦煌镇': '2475/?tile=maplet-03bc',
                  '西戎校尉府、焉耆镇': '2475/?tile=maplet-03c1'
                }
              },
              {
                title: '东魏',
                begin: 534,
                end: 550,
                maps: {
                  '东魏地图': {
                    year: 546,
                    url: '2475/?tile=maplet-03c5'
                  }
                }
              },
              {
                title: '西魏',
                begin: 535,
                end: 557,
                maps: {
                  '西魏地图': {
                    year: 546,
                    url: '2475/?tile=maplet-03c6'
                  }
                }
              },
              {
                title: '北齐',
                begin: 550,
                end: 577,
                maps: {
                  '北齐地图': {
                    year: 572,
                    url: '2475/?tile=maplet-03c7'
                  }
                }
              },
              {
                title: '北周',
                begin: 557,
                end: 581,
                maps: {
                  '北周地图': {
                    year: 572,
                    url: '2475/?tile=maplet-03c8'
                  }
                }
              }
            ]
          },
          {
            title: '隋',
            begin: 581,
            end: 618,
            children: [
              {
                title: '隋',
                begin: 535,
                end: 557,
                maps: {
                  '隋朝地图': {
                    year: 612,
                    url: '2476'
                  },
                  '东突厥地图': {
                    year: 612,
                    url: '2476/?tile=maplet-03d9'
                  },
                  '西突厥地图': {
                    year: '611年-617年',
                    url: '2476/?tile=maplet-03da'
                  }
                },
                subMaps: {
                  '河南诸郡': '2476/?tile=maplet-03ca',
                  '关陇诸郡': '2476/?tile=maplet-03cc',
                  '河西诸郡': '2476/?tile=maplet-03cd',
                  '巴汉诸郡': '2476/?tile=maplet-03ce',
                  '岷蜀诸郡': '2476/?tile=maplet-03cf',
                  '河北诸郡': '2476/?tile=maplet-03d0',
                  '河东诸郡': '2476/?tile=maplet-03d1',
                  '辽西诸郡、室韦靺鞨': '2476/?tile=maplet-03d2',
                  '淮南诸郡': '2476/?tile=maplet-03d5',
                  '岭南诸郡': '2476/?tile=maplet-03d6',
                  '江汉沅湘诸郡': '2476/?tile=maplet-03d7',
                  '南宁诸郡': '2476/?tile=maplet-03d8'
                }
              }
            ]
          },
          {
            title: '唐',
            begin: 618,
            end: 907,
            children: [
              {
                title: '唐',
                begin: 618,
                end: 907,
                maps: {
                  '唐朝地图': {
                    year: 669,
                    url: '2477/?tile=maplet-03db'
                  },
                  '唐朝2': {
                    year: 741,
                    url: '2477'
                  },
                  '唐朝3': {
                    year: 820,
                    url: '2477/?tile=maplet-03dd'
                  },
                  '唐元和方镇图': {
                    year: 820,
                    url: '2477/?tile=maplet-03de'
                  },
                  '唐代交通图考': {
                    year: 820,
                    url: '2478'
                  },
                  '回鹘': {
                    year: 820,
                    url: '2477/?tile=maplet-03f8'
                  },
                  '渤海': {
                    year: 820,
                    url: '2477/?tile=maplet-03fb'
                  },
                  '吐蕃': {
                    year: 820,
                    url: '2477/?tile=maplet-03f9'
                  },
                  '南诏': {
                    year: 879,
                    url: '2477/?tile=maplet-03fc'
                  }
                },
                subMaps: {
                  '京畿道、关内道': '2477/?tile=maplet-03df',
                  '关内道北部': '2477/?tile=maplet-03e2',
                  '都畿道、河南道': '2477/?tile=maplet-03e3',
                  '河北道南部': '2477/?tile=maplet-03e6',
                  '河北道北部': '2477/?tile=maplet-03e8',
                  '山南东道 ': '2477/?tile=maplet-03e9',
                  '淮南道': '2477/?tile=maplet-03ea',
                  '江南东道': '2477/?tile=maplet-03eb',
                  '江南西道': '2477/?tile=maplet-03ec',
                  '黔中道': '2477/?tile=maplet-03ed',
                  '陇右道东部': '2477/?tile=maplet-03ee',
                  '陇右道西部': '2477/?tile=maplet-03ef',
                  '剑南道北部': '2477/?tile=maplet-03f0',
                  '剑南道南部': '2477/?tile=maplet-03f2',
                  '岭南道东部': '2477/?tile=maplet-03f4',
                  '岭南道西部': '2477/?tile=maplet-03f6',
                  '岭南道东部贵州附近': '2477/?tile=maplet-03f5'
                }
              }
            ]
          },
          {
            title: '五代十国',
            begin: 907,
            end: 979,
            children: [
              {
                title: '五代十国',
                begin: 907,
                end: 979,
                maps: {
                  '五代十国地图': {
                    year: 943,
                    url: '2491'
                  }
                }
              },
              {
                title: '后梁',
                begin: 907,
                end: 923,
                maps: {
                  '后梁地图': {
                    year: 908,
                    url: '2491/?tile=maplet-0501'
                  }
                }
              },
              {
                title: '后唐',
                begin: 923,
                end: 936,
                maps: {
                  '后唐': {
                    year: 934,
                    url: '2491/?tile=maplet-0502'
                  },
                  '前蜀': {
                    year: 924,
                    url: '2491/?tile=maplet-050c'
                  },
                  '南平': {
                    year: 928,
                    url: '2491/?tile=maplet-050c'
                  },
                  '吴、吴越、闽': {
                    year: 934,
                    url: '2491/?tile=maplet-0507'
                  }
                }
              },
              {
                title: '后晋',
                begin: 936,
                end: 946,
                maps: {
                  '后晋': {
                    year: 943,
                    url: '2491/?tile=maplet-0503'
                  },
                  '楚': {
                    year: 943,
                    url: '2491/?tile=maplet-050f'
                  },
                  '西州回鹘、九姓乌护、葛逻禄': {
                    year: 943,
                    url: '2491/?tile=maplet-050f'
                  }
                }
              },
              {
                title: '后汉',
                begin: 947,
                end: 950,
                maps: {
                  '后汉地图': {
                    year: 949,
                    url: '2491/?tile=maplet-0504'
                  }
                }
              },
              {
                title: '后周',
                begin: 951,
                end: 960,
                maps: {
                  '后周、北汉': {
                    year: 959,
                    url: '2491/?tile=maplet-0505'
                  },
                  '南唐、吴越': {
                    year: 954,
                    url: '2491/?tile=maplet-050a'
                  },
                  '后蜀': {
                    year: 954,
                    url: '2491/?tile=maplet-050d'
                  },
                  '南汉': {
                    year: 954,
                    url: '2491/?tile=maplet-050e'
                  }
                }
              }
            ]
          },
          {
            title: '宋',
            begin: 960,
            end: 1279,
            children: [
              {
                title: '北宋',
                begin: 960,
                end: 1127,
                maps: {
                  '北宋、辽地图': {
                    year: 1111,
                    url: '2479'
                  },
                  '西夏': {
                    year: 1111,
                    url: '2479/?tile=maplet-0538'
                  },
                  '吐蕃': {
                    year: '1038年-1065年',
                    url: '2479/?tile=maplet-0514'
                  },
                  '黑汗': {
                    year: 1001,
                    url: '2479/?tile=maplet-053a'
                  }
                },
                subMaps: {
                  '京畿路': '2479/?tile=maplet-051d',
                  '京东东路': '2479/?tile=maplet-0520',
                  '河北东路': '2479/?tile=maplet-0522',
                  '永兴军路': '2479/?tile=maplet-0525',
                  '秦凤路': '2479/?tile=maplet-0526',
                  '淮南东路': '2479/?tile=maplet-0527',
                  '两浙路': '2479/?tile=maplet-0529',
                  '江南西路': '2479/?tile=maplet-052c',
                  '荆湖北路': '2479/?tile=maplet-052d',
                  '成都府路': '2479/?tile=maplet-052f',
                  '成都府附近': '2479/?tile=maplet-0533',
                  '福建路': '2479/?tile=maplet-0534',
                  '广南东路': '2479/?tile=maplet-0535'
                }
              },
              {
                title: '辽',
                begin: 907,
                end: 1125,
                subMaps: {
                  '中京道': '2479/?tile=maplet-0516',
                  '上京道': '2479/?tile=maplet-0517',
                  '上京道临潢府': '2479/?tile=maplet-0518',
                  '南京道': '2479/?tile=maplet-051b'
                }
              },
              {
                title: '南宋',
                begin: 1127,
                end: 1279,
                maps: {
                  '南宋、金地图': {
                    year: 1208,
                    url: '2480'
                  },
                  '南宋、金地图2': {
                    year: 1142,
                    url: '2480/?tile=maplet-053d'
                  },
                  '西辽': {
                    year: '1154年-1164年',
                    url: '2480/?tile=maplet-0569'
                  },
                  '蒙古诸部': {
                    year: '12世纪',
                    url: '2480/?tile=maplet-0568'
                  }
                },
                subMaps: {
                  '江南东路': '2480/?tile=maplet-0554',
                  '江南西路': '2480/?tile=maplet-0557',
                  '淮南东路': '2480/?tile=maplet-0558',
                  '荆湖南路': '2480/?tile=maplet-055b',
                  '广南东路': '2480/?tile=maplet-055e',
                  '福建路': '2480/?tile=maplet-0561',
                  '成都府路': '2480/?tile=maplet-0562',
                  '成都府附近': '2480/?tile=maplet-0567'
                }
              },
              {
                title: '金',
                begin: 1115,
                end: 1234,
                subMaps: {
                  '大名府路': '2480/?tile=maplet-053f',
                  '东京路': '2480/?tile=maplet-0543',
                  '北京路': '2480/?tile=maplet-0547',
                  '西京路': '2480/?tile=maplet-0549',
                  '南京路': '2480/?tile=maplet-054a',
                  '山东东路': '2480/?tile=maplet-054b',
                  '河东北路': '2480/?tile=maplet-054d',
                  '凤翔路': '2480/?tile=maplet-054f'
                }
              }
            ]
          },
          {
            title: '元',
            begin: 1206,
            end: 1368,
            children: [
              {
                title: '元',
                begin: 1127,
                end: 1279,
                maps: {
                  '元朝地图': {
                    year: 1330,
                    url: '2481'
                  },
                  '元朝2': {
                    year: 1280,
                    url: '2481/?tile=maplet-056c'
                  },
                  '察合台汗国': {
                    url: '2481/?tile=maplet-0588'
                  }
                },
                subMaps: {
                  '大都附近': '2481/?tile=maplet-056e',
                  '岭北行省': '2481/?tile=maplet-0571',
                  '辽阳行省': '2481/?tile=maplet-0575',
                  '河南江北行省': '2481/?tile=maplet-0577',
                  '陕西行省': '2481/?tile=maplet-0578',
                  '四川行省': '2481/?tile=maplet-0579',
                  '甘肃行省': '2481/?tile=maplet-057a',
                  '甘肃行省北庭': '2481/?tile=maplet-057b',
                  '中书省南部': '2481/?tile=maplet-0570',
                  '云南行省': '2481/?tile=maplet-057e',
                  '云南行省中部': '2481/?tile=maplet-057f',
                  '江浙行省': '2481/?tile=maplet-0580',
                  '江浙行省北部': '2481/?tile=maplet-0581',
                  '江西行省': '2481/?tile=maplet-0582',
                  '湖广行省': '2481/?tile=maplet-0583',
                  '湖广行省中部': '2481/?tile=maplet-0584',
                  '宣政院藏布中游': '2481/?tile=maplet-0585'
                }
              }
            ]
          },
          {
            title: '明',
            begin: 1368,
            end: 1644,
            children: [{
              title: '明',
              begin: 1368,
              end: 1644,
              maps: {
                '明朝地图': {
                  year: 1582,
                  url: '2482'
                },
                '明朝2': {
                  year: 1433,
                  url: '2482/?tile=maplet-0589'
                },
                '鞑靼、瓦刺': {
                  year: '1413年-1430年',
                  url: '2482/?tile=maplet-05a9'
                },
                '亦力把里': {
                  year: '1484年-1509年',
                  url: '2482/?tile=maplet-05ab'
                }
              },
              subMaps: {
                '北直隶': '2482/?tile=maplet-058d',
                '南直隶': '2482/?tile=maplet-058e',
                '山东': '2482/?tile=maplet-0590',
                '辽东都司': '2482/?tile=maplet-0591',
                '山西': '2482/?tile=maplet-0592',
                '山西行都司': '2482/?tile=maplet-0593',
                '河南': '2482/?tile=maplet-0594',
                '陕西': '2482/?tile=maplet-0595',
                '陕西行都司': '2482/?tile=maplet-0596',
                '江西': '2482/?tile=maplet-0599',
                '湖广': '2482/?tile=maplet-059a',
                '浙江': '2482/?tile=maplet-059b',
                '福建': '2482/?tile=maplet-059c',
                '广东': '2482/?tile=maplet-059e',
                '广西': '2482/?tile=maplet-05a0',
                '云南': '2482/?tile=maplet-05a1',
                '云南中部': '2482/?tile=maplet-05a2',
                '贵州': '2482/?tile=maplet-05a3',
                '奴儿干都司': '2482/?tile=maplet-05a4',
                '哈密等卫': '2482/?tile=maplet-05a5',
                '朵甘都司、乌思藏都司': '2482/?tile=maplet-05a6'
              }
            }]
          },
          {
            title: '清',
            begin: 1616,
            end: 1911,
            children: [{
              title: '清',
              begin: 1616,
              end: 1911,
              maps: {
                '清朝地图': {
                  year: 1820,
                  url: '2483'
                },
                // '清末': {
                //   year: 1903,
                //   url: '2483/?tile=maplet-05d1'
                // },
                '清朝2': {
                  year: 1908,
                  url: '2483/?tile=maplet-05d1'
                }
              },
              subMaps: {
                '北直隶': '2483/?tile=maplet-058d',
                '京师附近': '2483/?tile=maplet-05ac',
                '直隶': '2483/?tile=maplet-05b3',
                '湖北': '2483/?tile=maplet-05be',
                '湖南': '2483/?tile=maplet-058d',
                '安徽': '2483/?tile=maplet-05b3',
                '吉林': '2483/?tile=maplet-05b0',
                '河南': '2483/?tile=maplet-05ba',
                '乌里雅苏台': '2483/?tile=maplet-05cd',
                '日喀则': '2483/?tile=maplet-05d4',
                '西藏': '2483/?tile=maplet-05d2',
                '青海': '2483/?tile=maplet-05d0',
                '归化城土默特': '2483/?tile=maplet-05ce',
                '伊犁': '2483/?tile=maplet-05cc',
                '新疆': '2483/?tile=maplet-05cd',
                '贵州': '2483/?tile=maplet-05ca',
                '云南': '2483/?tile=maplet-05c9',
                '广西': '2483/?tile=maplet-05c8',
                '广东': '2483/?tile=maplet-05c6',
                '福建': '2483/?tile=maplet-05c3',
                '成都府附近': '2483/?tile=maplet-05c2',
                '四川': '2483/?tile=maplet-05c0',
                '江西': '2483/?tile=maplet-05bd',
                '浙江': '2483/?tile=maplet-05bc',
                '平凉府附近': '2483/?tile=maplet-05ba',
                '甘肃': '2483/?tile=maplet-05b8',
                '陕西': '2483/?tile=maplet-05b7',
                '山东': '2483/?tile=maplet-05b5',
                '黑龙江': '2483/?tile=maplet-05b1',
                '盛京': '2483/?tile=maplet-05af'
              }
            }]
          },
          {
            title: '民国',
            begin: 1912,
            end: 1949,
            children: [{
              title: '民国',
              begin: 1912,
              end: 1949,
              maps: {
                '民国初年地图': {
                  url: '2484'
                }
              }
            }]
          }
        ],
        quickNav: {
          '春秋地图': 2488,
          '战国地图': 2489,
          '秦朝地图': 2490,
          '西汉地图': 2464,
          '东汉地图': 2471,
          '三国地图': 2472,
          '西晋地图': 2473,
          '东晋地图': 2474,
          '南北朝地图': 2475,
          '隋朝地图': 2476,
          '唐朝地图': 2477,
          '唐代交通图考': 2478,
          '五代十国地图': 2491,
          '北宋地图': 2479,
          '南宋地图': 2480,
          '元朝地图': 2481,
          '明朝地图': 2482,
          '清朝地图': 2483,
          '民国地图': 2484
        }
      }
    },
    created () {
    },
    computed: {
      imgHeight () {
        const windowWidth = this.$q.screen.width

        if (windowWidth > 1600) {
          return 360
        } else if (windowWidth > 1200) {
          return 340
        } else if (windowWidth > 800) {
          return 320
        } else if (windowWidth > 576) {
          return 220
        } else {
          return 180
        }
      }
    },
    methods: {
    }
  }
</script>

<style lang="stylus">
  @import "~quasar/dist/quasar.styl"
  .text-dark
    color #424242!important
</style>
